<template>
  <div class="home">
    <!-- 轮播图 -->
    <Swiper :swiper='list'/>
    <!-- 宫格 -->
    <Gongge />
    <!-- 全民砍价 -->
    <Bargaining />
    <!-- 精品专题 -->
    <Special/>
    <!-- 人气推荐 -->
    <Recommend/>
  </div>
</template>

<script>
  // @ is an alias to /src
  import Gongge from '../components/home/Gongge'
  import Swiper from '../components/home/Swiper'
  import Bargaining from '../components/home/bargaining/Bargaining'
  import Special from '../components/home/special/Special'
  import Recommend from '../components/home/recommend/Recommend'
  export default {
    data() {
      return {
        list: [],
        
      }
    },
    components: {
      Swiper,
      Gongge,
      Bargaining,
      Special,
      Recommend
    },
    mounted() {
      // this.$APIClient.getStoreList().then(res=>{
      //   console.log(res.data.data)
      // }).catch(err=>{
      //   console.log(err)
      // }),
      // this.$APIClient.banner().then(res => {
      //     console.log(res.data.data)
      //     this.list = res.data.data
      //   })

    }
  }
</script>
<style lang="scss">

</style>